@media (min-width:1601px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:11px;}}

@media (max-width:328px){html{font-size:10px;}}

@media (min-width: 768px)



{



}



@media (min-width: 992px)

{



}



@media (min-width: 1200px)



{



}







@media (min-width: 1280px)



{



}



@media (min-width: 1440px)

{



}



@media (min-width: 1660px)

{



}



@media screen and (min-width:1200px) and (max-width:1440px){



}





@media (max-width: 1660px)

{

.online_q{ right: 1rem;}

}



@media (max-width: 1600px)

{

#nav ul li a{ padding: 0 1rem;}

}



.web{}

.wap{ display:none;}



@media (max-width: 1440px)

{

#nav ul li a{ padding:0 .8rem;}

#nav ul li h3{ font-size:1rem;}

#s_ys .center{ width: 32rem;}

#s_ys ul li{ width:20rem;}

#s_shuzi ul li p{ font-size: 4rem;}

.team01 .txt{ padding:1.5rem 1rem;}

.team01 .txt .more_btn{right:1rem; width: 5.25rem;}

#n_chengjiaogushi .hd ul li{ padding: .75rem;  }	

#n_chengjiaogushi .hd { padding: 1.5rem 3rem;}

#n_chengjiaogushi .scroll_box{ padding-right: .5rem;}

#ys_gongyi .cao{ width:18rem;}

#ys_youshi .m{ padding-top: 33rem;}

	#ys_youshi .deng{ top:11rem;}

}



@media (max-width: 1360px)

{

#banner .swiper-container { height: 43rem;}

#s_ys .center{ width: 31rem;}

#s_ys ul li{ width:19rem;}

.team01 .txt h5 span{ margin-left:1rem;}

#n_chengjiaogushi .hd ul li{ width: 20%;}	

}



@media (max-width: 1280px)

{



#nav{ margin-right:1.5rem;}



#header{ display:none;}



#m_header{ display:block; }



#s_ys .center{ width: 28rem;}



#s_ys ul li{ width:16rem;}



#n_wenhua .center{ width:30rem; height: 30rem;}



#n_shuzi ul li:nth-child(2):before, #n_shuzi ul li:nth-child(4):before{ display: none;}



}



@media (max-width: 1200px)

{

#nav{ margin-right:0;}

#nav ul li { margin: 0;}

#nav ul li a{ padding:0 .4rem;}

.m{ padding-left:100px;padding-right:100px;}

#banner .swiper-container { height: 35rem;}

#s_case ul li{ width: 50%;}

#n_lianxi .tt h3{ font-size:3.5rem;}

#n_lianxi .tt h4{ font-size: 2rem;}

.left_news_xq { width: 100%; float: none;}

.right_news_tujian { display: none;}

}



@media (max-width: 1100px)

{

#s_ys .center{ width: 30rem; margin-bottom: 1rem;}

#s_ys ul li{ width: auto; margin: 0 3rem; margin-left: 5rem; position: static; top: 0; left: 0; margin-bottom: 0rem; text-align: left !important;}

#s_ys ul li font{ position: relative; left: -3.5rem !important; top: 2rem; right: auto !important;}

#n_chengjiaogushi .hd ul li{ width: 25%;}	

#n_lianxi .left_box{ width: 100%; float: none; max-width: inherit;}

#n_lianxi .right_box{ width: 100%; float: none;}

.form_box{ float:none; margin: 0 auto;}

.zy_tt h3 span{ letter-spacing: 1.125rem;}

.zy_tt h3 span.span01{ padding-left: 1.875rem; letter-spacing: 1.875rem;}

#zy_ys ul li .txt h5{ font-size: 1.375rem;}

#zy_shuju .circleChart_text span,#zy_shuju .circleChart_text font{ font-size: 3rem;}

#zy_shuju .zy_tt{ padding-top: 4.5rem;}

#zy_shuju{ padding-bottom: 21rem;}

#zy_ys{ margin-top: -31rem;}

}



/*==========================导航和banner变成手机模式============================*/



@media (max-width: 992px)

{

.web{ display:none;}

.wap{ display:block;}

.online_q{ right: 0;}

.n_nav {float: none;}

#n_case_xq .left_box{ width: 100%; float: none;}

#n_case_xq .right_box{ width: 100%; float: none;}

#n_chengjiaogushi .hd ul li{ width: 33.333%;}	

#n_wenhua ul li{ position: relative; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; text-align:left !important; margin-left: 6rem; margin-top: 1rem;}

#n_wenhua ul li font{ left:-6rem;  right: auto !important;}

#n_wenhua ul li font img{ max-width:2.5rem; max-height:1.75rem;}

#n_shuzi ul li p span{font-size: 5.5rem;}

#n_team ul li{ width: 25%;}

#ys_good .hd{ position: static; width: auto; margin: 0;}

#ys_youshi .m{ margin-top: -34rem;}

#ys_youshi ul li{ width: 100%;}

}







@media (min-width:481px) and (max-width:992px){ 







}







@media (max-width: 860px)



{

.zy_tt h3 span{ display: none;}

	#zy_fuwu ul li{ width:50%;}

	#zy_fuwu ul li span{ display: none;}

	#zy_fuwu ul li:first-child{ width: 100%; float: none;}

	#zy_fuwu ul li .txt{ padding-left: 1.75rem; padding-top: 2.5rem;}

	#zy_fuwu ul li:first-child .txt{ padding-top: 3.5rem;}

	#zy_fuwu ul li:first-child span{ display: block;}

	.zy_tt{ margin-bottom: 2.5rem;}

 



}







@media (max-width: 767px)







{



.pad_top{ padding-top:3rem;}



.pad_bot{ padding-bottom:3rem;}



.xs_jianju{ margin-left:-3px !important; margin-right: -3px !important;}



.xs_jianju li{ padding-left:3px !important; padding-right:3px !important;}



.m{ padding-left:30px; padding-right: 30px;}



.n_nav{ margin-top:-5.5rem;}



.n_nav ul li{ line-height:3; padding-top:1rem;}



.n_nav ul li a{padding: 0 2rem;}



.n_nav ul li font{ display:block; margin:0 auto; width: 1.2rem; height: 1.2rem; line-height:1.2rem;}



#s_shuzi ul{ margin-top: -1rem;}



#s_shuzi ul li{ width:50%; margin-top: 1rem;}



.team01{ width: 100%; float: none;}



.team02{ width: 100%; float: none; margin-top: 10px;}	



.team02 li{ width: 50%;}



#s_liucheng ul li{ width: 20%;}



#s_liucheng ul li+li:before{ height: 10px;}



#s_liucheng ul li p{ margin-bottom: 1rem;}



#s_kehu ul li{ width: 33.3333%;}



#s_kehu .he_3DY .box > .img{ border: 3px solid #e1e1e1;}



#foot .m {



    display: flex;



    justify-content: space-between;



    flex-wrap: wrap;}



	#foot .item:nth-child(1),#foot .item:nth-child(2){ display: none;}



	#foot .item{ width: 100%; margin-bottom: 2rem;}



	.item.foot_rukou,.item.foot_link{ display: none;}



	.foot_tel{ text-align: center;}



	.foot_ewm{ float:none; text-align: center;}



	.foot_ewm .ewm{ float:none; display: inline-block;}



	.foot_bot{ margin-top: 1rem; padding-top: .5rem;}



	.copyright{ text-align: center;}



	.foot_share{ width: 100%;}



	.foot_share ul{ text-align: center; margin-top: 1rem;}



	#n_chengjiaogushi .left{ width:50%;}



	#n_chengjiaogushi .right{width:50%;}



	#n_chengjiaogushi .hd { padding: 1rem 1rem;}



	#n_chengjiaogushi .hd ul li{ width: 50%;}



	#n_shuzi .txt{ float:none; width: 100%; }



	#n_shuzi ul{float:none; width: 100%; margin-top: 0;}



	#n_shuzi ul li .box{ float: none; min-width: inherit;}



	#s_shuzi ul li.web{ display: none;}



	#n_case ul li{ width: 50%;}

	#n_case li:nth-child(9){ display: none;}



	#n_news ul{ margin:0 -.5rem; margin-top: -2rem;}



	#n_news ul li{ width: 50%; padding: 0 .5rem; margin-top: 2rem;}



	.online_q{ right: 1rem; bottom:1rem;}



	.online_q .btn2 span{ display: none;}



	.online_q .btn2{ display: none; width: 3rem; height: 3rem;}



	.online_q #gotop{ display: block;}



	#n_team ul li{ width: 33.333%;}

    .zy_tt h4{ font-size: 1.875rem;}

	.zy_tt h3 b{ font-size: 2rem;}

	.zy_tt h4{ font-size: 1rem;}

	#zy_shuju{ padding-bottom: 18rem;}

	#zy_shuju .box2{ margin: 0 -1rem;}

	#zy_shuju .circleChart_text font{ font-size: 1rem;}

	#zy_shuju .circleChart_text p{ font-size: 1rem; margin: 0 0 .5rem;}

	#zy_shuju .box2 li .ico{ height: 1.5rem;}

	#shili_bn.zhuanye img{ max-width: 44%;}

	.shili_tel .box{ line-height: 1.5; padding: .5rem 1rem;}

	.gongyi_list li{ width: 100%; }

	#ys_gongyi .cao{ display: none;}

	

	#n_case ul li:last-child{ }

	

}







@media (max-width: 640px)







{



	#n_team ul li{ width: 50%;}



	}







@media (max-width: 480px)







{







.pad_top{ padding-top:3rem;}







.pad_bot{ padding-bottom:3rem;}







.pad_aside{ padding-left:1rem; padding-right:1rem;}







.n_article .ar_article{ padding-bottom:10px !important;}







.ar_article table{ width:100% !important;}







.ar_article table td,.ar_article table th{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; width:auto !important; height:auto !important;}







.ar_article table td *,.ar_article table th *{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; padding:0 !important;}







.m{ padding-left:15px; padding-right: 15px;}



.draw_h { width: 40px !important; height:40px !important;line-height: 38px !important;}



.n_nav_box .m{ padding: 0;}



.n_nav{ text-align: left;}



.n_nav ul li{ width: 20%;}



.n_nav ul li a{ padding:0;}



#s_case ul li .img .mask{ height:19%;}



#s_case ul li p{ margin-bottom: 1rem;}



.s_tt h3{ font-size: 2.5rem;}



.s_tt{ margin-bottom: 2rem;}



#s_news ul{ margin: 0 -5px;}



#s_news ul li{ padding: 0 5px;}



#m_logo img { max-height: 50%;}



.n_nav .m{ padding: 0;}



#n_chengjiaogushi .hd ul li{ width:100%;}



.form_box{ padding:3rem 2.5rem 2rem;}



#n_map iframe{ height: 350px;}



#n_lianxi .tt{ margin-bottom: 0;}



#n_licheng ul{padding: 0 1rem;}



#n_licheng ul li{ padding: 0 1rem;}



#n_jieshao .tt h3 { font-size: 2.125rem;}



#n_shuzi ul li p span { font-size: 4rem;}



	#n_shuzi ul:before{ height: 400px; left: 0rem;}



	#n_lianxi ul li font img{ max-width: 1rem; max-height: 1rem;}



	.ar_fot h5{ display: none;}



	.shart_box{ display: none;}



	#n_banner{ height: 22rem;}



	#n_banner .txt h3{ margin-top: 0;}



	#n_banner .txt i{ display: none;}



	#s_rukou ul{ margin:0 15px; }



	#s_rukou ul li{ width: 33.333%; height: auto; }



	#s_rukou ul li .txt font{ width: 2rem; height: 2rem;}



	#s_rukou ul li a{ padding: 2rem 1rem;}



	#s_rukou ul li .txt h5{ font-size: 1.375rem;}



	#s_rukou ul li .txt p{    line-height: 1.5rem;



    height:4.5rem;



    font-size: .875rem;



    margin-bottom: 1.25rem;



	text-align: justify;}



	#s_rukou ul li .txt span{ width: 5rem;}



	#s_about .txt{ text-align: left;}



	#n_jieshao .con{ text-align: left;}



	.case_info ul li span img{ width:12px;}



	#n_team ul{ margin:0 -5px; margin-top: -10px;}



	#n_team ul li{ padding: 0 5px; margin-top: 10px;}



	.n_nav ul li{ height: 60px;}



	#banner .swiper-container{ height:20rem;}



	#s_liucheng ul li font img{ width: 1.5rem;}



	.shuzi_box{ padding-top: 3rem;}



	#n_shuzi .txt .tt i{ width: 3rem; margin-top: 1rem; margin-bottom: 2rem;}



	#n_shuzi .txt .tt h4{ margin-bottom: 1.5rem;}



	#n_shuzi ul li{ margin-top: 2.5rem;}



	#n_wenhua ul li font img { max-height: 1.5rem;}



	#n_ys ul li font{ max-height: 2rem; max-width: 2rem;}

	.zy_tt{ margin-bottom: 2rem;}

	#sl_fangan.ys .m{ padding: 0;}

	#sl_fangan.ys .box{ padding-left: 1rem; padding-right: 1rem;}

	#sl_fangan.ys .left_box a{ font-size: 1rem;}

	#ys_youshi .m{ margin-top: -25rem; padding-top: 30rem;}

	.ys_tt span{ font-size: 2.875rem;}

	.ys_tt h3{ font-size: 2rem;}

	#ys_good{ padding-bottom: 0 !important;}

	#ys_good .bd ul.ul_1{ width: 100%;}

	#ys_good .bd ul.ul_2{ width: 100%; position: static; padding-top: 3rem; padding-bottom: 1rem;}

	#ys_good .slick-dots li{ margin:0;}

	#ys_good .slick-dots{ margin-bottom: 0; bottom: 1rem;}

	#ys_good .slick-dots li button:before{ width: 5px; height: 5px;}

	#ys_xuancai ul li .box{ padding-top: 2rem;}

	#ys_xuancai ul li .txt h5{ font-size: 1.25rem;}

	#ys_xuancai ul li .txt p{ line-height: 1.75rem; height: 3.5rem; margin-bottom: 3px;}

	#ys_gongyi .m{ padding-top: 39rem;}

	#ys_gongyi .deng{ top: 8rem; right: -5rem; width: 21rem;}

	#ys_xuancai .cao{ bottom: -2rem; margin-left: -23rem; width: 14rem;}

	.ys_xingjiabi_list li{ padding: 0 2px;}

	.ys_xingjiabi_list li .box:before{ display: none;}

	.ys_xingjiabi_list li .txt font{ height: 1.875rem;}

	.ys_xingjiabi_list li .txt p{ font-size: .875rem; margin-top: 3px;}

	.ys_xingjiabi_list{ margin:0 -5px;}

	.gongyi_list li .tt{ padding-top: 1rem; padding-bottom: 3rem;}

	.gongyi_list li .txt{ padding: 1rem 1rem 2rem;}

	#shili_bn{ height: 21rem;}

	#shili_bn.zhuanye img{ max-width: 30%;}

	#shili_bn img { max-width: 43%;}

	#shili_bn.ys img { max-width: 43%;}

	#ys_youshi ul li .txt font{ margin-bottom: 1rem;}

	#ys_youshi ul li .txt h4{ font-size: 1.375rem; line-height: 2rem;}

}